<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html xmlns="http://www.w3.org/1999/xhtml" >
  <%@include file="../common/jspcommon.jsp"%>

<head>
    <title>活动-笔飞美术作品</title>
 
   <script type="text/javascript" src="/js/jquery-1.4.3.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/css/style_hd.css" />
   <%@include file="../common/css.jsp"%>
   <script type="text/javascript" src="/js/page/pager.js"></script>
    <script type="text/javascript">
		      $(function(){
				$("#page").pager({
					pagenumber : "${activtylb.currentPage}",
					pagecount : "${activtylb.totalPage}",
					buttonClickCallback : function(page) {
						location.href = "/activtylb.htm?page="+ page+"&type=${type}";
					}
				});
			});
		      $(function(){
					$("#page_date").pager({
						pagenumber : "${activtylb.currentPage}",
						pagecount : "${activtylb.totalPage}",
						buttonClickCallback : function(page) {
							location.href = "/activtyse.htm?page="+ page+"&st=${st}"+"&ed=${ed}";
						}
					});
				});
		      
      </script>
</head>
<body>
<div id="box">
      <%@include file="../common/header.jsp" %>
    <div id="main_div2">
        <div class="site_map"><a href="/welcome.htm">首页</a> 》活动</div>
        
        <div class="main_div2_left">
            <div class="category">
            <h2>活动</h2>
            <ul>
                <li <c:if test="${type =='0' }">class="cur"</c:if>><a href="activtylb.htm?type=0">- 作品征集</a></li>
                <li <c:if test="${type =='1' }">class="cur"</c:if>><a href="activtylb.htm?type=1">- 拍卖</a></li>
                <li <c:if test="${type =='2' }">class="cur"</c:if>><a href="activtylb.htm?type=2">- 公益</a></li>
                <li <c:if test="${type =='3' }">class="cur"</c:if>> <a href="activtylb.htm?type=3">- 户外写生</a></li>
            </ul>
            </div>
        </div>
        <div class="main_div2_right">
        				<c:if test="${empty type || type =='4' }"> <div class="main_div2_right_t">所有活动</div></c:if>
			            <c:if test="${!empty type }">
			               <c:if test="${type =='0' }"><div class="main_div2_right_t">- 作品征集</div></c:if>
			               <c:if test="${type =='1' }"><div class="main_div2_right_t">- 拍卖</div></c:if>
			               <c:if test="${type =='2' }"><div class="main_div2_right_t">- 公益</div></c:if>
			               <c:if test="${type =='3' }"><div class="main_div2_right_t">- 户外写生</div></c:if>
			            </c:if>
            <div class="main_div2_list1">
            <ul>
            <c:forEach items="${activtylb.list}" var="list"  varStatus="vs">
                <li>
                	<div style="width: 340px;height: 234px;float: left;">
	                    <a href="showact.htm?id=${list.identifier}">
	                    	<img id="img_${vs.count}" src="${list.cover}" class="img_1" alt="" onload="loadImage(this,340,234);"/>
	                    </a>
                    </div>
                    <div class="c_1">
                        <p><b>${list.title}</b></p>
                        <p><fmt:formatDate value="${list.sDate }" type="date" dateStyle="long"/> - <fmt:formatDate value="${list.eDate }" type="date" dateStyle="long"/> 
                        	 <c:if test="${not empty list.sTime }">
                        	每天<fmt:formatDate value="${list.sTime }" type="time" timeStyle="full" pattern ="HH:mm"/>-<fmt:formatDate value="${list.eTime }" type="time" timeStyle="full" pattern ="HH:mm"/>
                       		</c:if>
                        </p>
                        <p>${list.subtitle }</p>
                        <c:if test="${list.isOver}">
	                        <p class="style_bm"><span>已有<font class="style1">${list.signNum}</font>人报名</span>
	                       		<span><a href="#" onclick="signUp('${list.identifier}')"><img src="../images/btn_wybm.jpg" alt=""/></a></span>
	                        </p>
                        </c:if> 
                         <c:if test="${!list.isOver}"> <p class="style_bm"><span>报名已结束</span></p></c:if>
                    </div>
                </li>
             </c:forEach>
            </ul>
            </div>
        </div>
        	<div style="clear:both"></div>
        	<c:if test="${empty st}">
	          <div class="page_div">
	       		 <div id="page" class="h_page"></div>
	           </div>
	         </c:if>
	         <c:if test="${!empty st}">
	          <div class="page_div">
	       		 <div id="page_date" class="h_page"></div>
	           </div>
	         </c:if>
       <!-- foot-->
		    <%@include file="../common/footer.jsp" %>
		    <!-- foot--end-->
    </div>
    
    
</div>
<script type="text/javascript">
	function signUp(id){
		if(ART.checkLogin()){
			window.location.href="signup.htm?id="+id;}
		else{
			alert("请登录哦~");
			window.location.href="login.htm"
		}
	}
	</script>
</body>
</html>
